<template>
	<view class="package esteb" style="padding: 0px 30rpx;">
		<view><text>团惠包名称</text><text>{{name}}</text></view>
		<view v-if="Share"><text>分  享  人</text><text>{{Share}}</text></view>
		<view><text>创  建  人</text><text>{{establish}}</text></view>
		<view><text>说       明</text><text>{{explain}}</text></view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
	  name: { type: String },
	  Share:{type: String},
	  establish:{type: String},
	  explain:{type: String},
	});
</script>

<style scoped lang="less">
	.esteb{
		width: 700rpx;
		view{
			width: 100%;
			display: flex;
			align-items: flex-start;
			border-bottom: 1px solid #eee;
			padding: 20rpx 0px;
			box-sizing: border-box;
			text:nth-of-type(1){
				display: inline-block;
				font-size: 28rpx;
				font-weight: 400;
				color: #666666;
				width: 150rpx;
				text-align: justify;
				text-justify: distribute-all-lines;
				text-align-last: justify;
			}
			text:nth-of-type(2){
				margin-left: 40rpx;
				width: 70%;
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
			}
		}
		view:nth-last-child(1){
			border-bottom: 0px;
		}
	}
</style>